<!DOCTYPE html>
<#assign f = JspTaglibs["http://www.casic304.cn/f"] />
<#assign SourceDept = JspTaglibs["http://www.casic304.cn/SourceDept"]/>
<#assign DutyDept = JspTaglibs["http://www.casic304.cn/DutyDept"]/>
<html>
<head>
  <meta charset="utf-8">
  <title>产品证明书信息列表</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="${ctx}/layui/css/layui.css" media="all"/>
  <link rel="stylesheet" href="${ctx}/qbdmsStatic/iconfont/iconfont.css"/>
  <link rel="stylesheet" href="${ctx}/qbdmsStatic/style/qbdms.css">
  <script type="text/javascript">
    var __ctx = "${ctx}";
  </script>
</head>
<body class="listBody">
<div class="qbdms-list">
  <div class="layui-table-view-body">
    <table id="wQbdProductCertificateInfoTable"
           lay-filter="wQbdProductCertificateInfoTable"></table>
  </div>
</div>
<!-- 列表头部工具栏 -->
<script type="text/html" id="wQbdProductCertificateInfoHeaderToolsBar">
  <div class="ccpui-enterSel">
    <div class="layui-btn-container">
      <@f.a alias="xzan_cpzmsxx302" css="layui-btn layui-btn-sm fillBtn" event="add">
        <span>新增</span>
      </@f.a>
      <@f.a alias="scan_cpzmsxx302" css="layui-btn layui-btn-sm" event="delete">
        <span>删除</span>
      </@f.a>
      <a class="layui-btn layui-btn-sm" lay-event="export">
        <span>导出</span>
      </a>
    </div>
    <form class="layui-form" action="" lay-filter="wQbdProductCertificateInfoQueryForm">
      <div class="layui-form-body selch">
        <div class="table-top-filter layui-row">
          <div class="qbdms-listForm">
            <label class="layui-form-label">编号</label>
            <div class="layui-input-block">
              <input type="text" class="layui-input filter-value" name="Q_serialNumber_SL"
                     placeholder="编号"/>
            </div>
          </div>
          <div class="qbdms-listForm">
            <label class="layui-form-label">型号</label>
            <div class="layui-input-block">
              <select class="layui-input filter-value" name="Q_modelsymbol_S" lay-filter="xh"
                      lay-verify="required" lay-search="" placeholder="请输入"/></select>
            </div>
          </div>
          <div class="qbdms-listForm">
            <label class="layui-form-label">产品名称</label>
            <div class="layui-input-block">
              <input type="text" class="layui-input filter-value" name="Q_productName_SL"
                     placeholder="产品名称"/>
            </div>
          </div>
          <div class="qbdms-listForm">
            <label class="layui-form-label">产品代号</label>
            <div class="layui-input-block">
              <input type="text" class="layui-input filter-value" name="Q_productCode_SL"
                     placeholder="产品代号"/>
            </div>
          </div>
          <div class="qbdms-listForm">
            <label class="layui-form-label">出厂编号</label>
            <div class="layui-input-block">
              <input type="text" class="layui-input filter-value" name="Q_factoryNumber_SL" placeholder="出厂编号"/>
            </div>
          </div>
          <div class="qbdms-listForm">
            <label class="layui-form-label">开始出厂日期</label>
            <div class="layui-input-block">
              <input type="text" class="layui-input start_time1 filter-value" name="Q_beginFactoryTime_DL" placeholder="开始出厂日期"/>
            </div>
          </div>
          <div class="qbdms-listForm">
            <label class="layui-form-label">结束出厂日期</label>
            <div class="layui-input-block">
              <input type="text" class="layui-input end_time1 filter-value" name="Q_endFactoryTime_DE" placeholder="结束出厂日期"/>
            </div>
          </div>

        </div>
        <div class="selchBtn">
          <a class="layui-btn layui-btn-sm fillBtn" lay-event="query">
            <span>查询</span>
          </a>
          <div class="layui-btn-group">
            <button type="button" class="layui-btn layui-btn-sm" lay-event="clears"
                    style="width: 28px;font-size: 12px;padding: 0">
              <i class="iconfont data-iconcommon_refresh"></i>
            </button>
            <button type="button" class="layui-btn layui-btn-sm screenParent" lay-event="screen"
                    style="width: 28px;font-size: 12px;padding: 0">
              <i class="iconfont data-iconcommon_downarrow screen"></i>
            </button>
          </div>
        </div>
      </div>
    </form>
  </div>
</script>
<!-- 右侧工具栏 -->
<script type="text/html" id="wQbdProductCertificateInfoRightToolsBar">
  {{# if('${currentUserId}'==d.createBy){ }}
  <@f.a alias="xgan_cpzmsxx302" event="edit" css="RightBtn">编辑</@f.a>
  {{#  } }}
  <@f.a alias="xqan_cpzmsxx302" event="particulars" css="RightBtn">详情</@f.a>
  {{# if('${currentUserId}'==d.createBy){ }}
  <@f.a alias="scan_cpzmsxx302" event="del" css="RightBtn">删除</@f.a>
  {{#  } }}
</script>
<script src="${ctx}/qbdmsStatic/public/configFile.js"></script>
<script src="${ctx}/layui/layui.js"></script>
<script>
  //一般直接写在一个js文件中
  layui.config({
    base: serverPath.qbdmsPath + staticPath.qbdmsPath //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'table', 'form', 'common', 'publicMethods', 'jquery', 'layer', 'propsHandle'],
      function () {
        var table = layui.table;
        var form = layui.form;
        var common = layui.common;
        var publicMethods = layui.publicMethods;
        var $ = layui.jquery;
        var layer = layui.layer;
        var propsHandle = layui.propsHandle;
        var defProps = {
              //viewMould: 'form/formDef/view/formDesign/moulds/', // 组件模块 存放文件 *****
              viewMould: 'moulds/', // 组件模块 存放文件 *****
              selectorBtn: '.selectorBtn'
            },
            temQuery = new propsHandle();  // 实例化模板功能部分
        temQuery.initTem({
          selectorBtn: defProps.selectorBtn,
          selectorTemPath: setter.views + defProps.viewMould
        });
        common.tableSort('wQbdProductCertificateInfoTable');
        var tableH = publicMethods.tabHeight();
        //第一个实例
        table.render({
          elem: '#wQbdProductCertificateInfoTable'
          , height: tableH
          , url: '${ctx}/qbdms/wQbdProductCertificateInfo/list'
          , page: true //开启分页
          , toolbar: '#wQbdProductCertificateInfoHeaderToolsBar'
          , method: 'post'
          , defaultToolbar: ['']
          , autoSort: false //是否排序
          , cols: [[ //表头
            {type: 'checkbox', fixed: 'left'}
            , {field: 'sn', type: 'numbers', title: '序号', fixed: 'left'}
            , {field: 'secret', title: '密级',hide:true, sort: false, sortname: 'secret', hide: true}
            , {field: 'serialNumber', title: '编号', sort: false, sortname: 'serial_number'}
            , {field: 'modelsymbol', title: '型号', sort: false, sortname: 'modelsymbol'}
            , {field: 'productName', title: '产品名称', sort: false, sortname: 'product_name'}
            , {field: 'productCode', title: '产品代号', sort: false, sortname: 'product_code'}
            , {field: 'factoryNumber', title: '出厂编号', sort: false, sortname: 'factory_number'}
            ,{field: 'factoryTime', title: '出厂日期',sort:false, sortname: 'factory_time',templet: function (d) {
                return publicMethods.timeData(d.factoryTime);
              }}
            ,{field: 'inspectorsName', title: '检验员',hide:true,sort:false, sortname: 'inspectors_name'}
            , {
              fixed: 'right',
              align: 'center',
              title: '管理',
              toolbar: '#wQbdProductCertificateInfoRightToolsBar'
            }
          ]], done: function () {
            common.tableSelectCon('.ccpui-enterSel .layui-form input', 'a[lay-event=query]',
                '.ccpui-enterSel');
          }
        });

        dateReflash()
        //list页面初始化展开按钮tips展示（展开按钮类名）
        publicMethods.tipsAuto('.screen')
        //筛选条件初始化（页面表格的Id，是否初始化（true、false））
        common.initScreenTop('wQbdProductCertificateInfoTable', true);

        function dateReflash() {
          publicMethods.reflashDate({startName: '.start_time1', endName: '.end_time1'});
          publicMethods.reflashDate({startName: '.start_time2', endName: '.end_time2'});
          publicMethods.reflashDate({startName: '.start_time3', endName: '.end_time3'});
          publicMethods.reflashDate({startName: '.start_time4', endName: '.end_time4'});
          publicMethods.reflashDate({startName: '.start_time5', endName: '.end_time5'});
        }

        function reflashQuery(isClear) {
          common.tableConditionRender("wQbdProductCertificateInfoTable",
              "wQbdProductCertificateInfoQueryForm", {where: {}}, isClear, false, 20);
          var xhdh = eval('${wQbdXhdhs}'); //型号代号
          var initXHDH = function(optionObj, item){
            optionObj.text = item.fModelcode;
            optionObj.value = item.fModelcode;
          };
          common.initDicData("Q_modelsymbol_S", xhdh, "", initXHDH);
        }

        table.on('toolbar(wQbdProductCertificateInfoTable)', function (obj) {
          var checkStatus = table.checkStatus(obj.config.id);
          var data = checkStatus.data;
          var _this = this;
          switch (obj.event) {
            case 'add':
              window.location.href = "${ctx}/qbdms/wQbdProductCertificateInfo/view/add";
              break;
            case 'delete':
              var array = "";
              for (var i = 0; i < data.length; i++) {
                array += data[i].id + ",";
              }
              delFun(data, array);
              break;
            case 'export':
              if (data.length == 0) {
                layer.confirm(publicMethods.confirmStyle('还没有选择，是否导出全部?'),
                    {title: false, skin: 'confirm-class'}, function (index) {
                      layer.close(index);
                      var url = '${ctx}/qbdms/wQbdProductCertificateInfo/exportData';
                      var param = "";
                      $("form[lay-filter='wQbdProductCertificateInfoQueryForm']").find(
                          ".filter-value").each(function (i, value) {
                        param += "&" + this.name + "=" + this.value
                      });
                      open(url, param);
                    });
              } else {
                layer.confirm(publicMethods.confirmStyle('确定导出吗?'),
                    {title: false, skin: 'confirm-class'}, function (index) {
                      layer.close(index);
                      var ids = [];
                      for (var i = 0; i < data.length; i++) {
                        ids.push(data[i].id);
                      }
                      var url = '${ctx}/qbdms/wQbdProductCertificateInfo/exportData';
                      open(url, "&id=" + ids);
                    });
              }
              break;
            case "query":
              reflashQuery(false);
              dateReflash();
              break;
            case "clears":
              reflashQuery(true);
              dateReflash();
              break;
            case "screen":
              common.initScreenTop('wQbdProductCertificateInfoTable');
              dateReflash();
              form.render();
              break;
          }
          ;
        });

        table.on('tool(wQbdProductCertificateInfoTable)', function (obj) {
          var data = obj.data, //获得当前行数据
              layEvent = obj.event; //获得 lay-event 对应的值
          switch (layEvent) {
            case "edit":
              window.location.href = '${ctx}/qbdms/wQbdProductCertificateInfo/view/add?id='
                  + data.id;
              break;
            case "particulars":
              window.location.href = '${ctx}/qbdms/wQbdProductCertificateInfo/view/particulars?id='
                  + data.id;
              break;
            case "del":
              delFun(data, data.id);
              break;
          }
        });

        function delFun(data, id) {
          if (data.length === 0) {
            layer.confirm(publicMethods.confirmStyle("请先选择一行数据!"),
                {title: false, skin: 'confirm-class'});
          } else {
            layer.confirm(publicMethods.confirmStyle('确定删除当前数据吗?'),
                {title: false, skin: 'confirm-class'}, function (index) {
                  layer.close(index);
                  $.ajax({
                    url: "${ctx}/qbdms/wQbdProductCertificateInfo/del",
                    type: "post",
                    data: {id: id},
                    dataType: 'json',
                    success: function (data) {
                      layer.confirm(publicMethods.confirmStyle(data.msg),
                          {title: false, skin: 'confirm-class'});
                      //执行重载
                      reflashQuery(true);
                      dateReflash();
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                      layer.confirm(publicMethods.confirmStyle(data.msg),
                          {title: false, skin: 'confirm-class'});
                      //执行重载
                      reflashQuery(true);
                      dateReflash();
                    }
                  })
                })
          }
        }

        var xhdh = eval('${wQbdXhdhs}'); //型号代号
        var initXHDH = function(optionObj, item){
          optionObj.text = item.fModelcode;
          optionObj.value = item.fModelcode;
        };
        common.initDicData("Q_modelsymbol_S", xhdh, "", initXHDH);

        window.Initialization = function () {
          dateReflash();
          reflashQuery(true);
        };
        /*刷新时间控件*/
        dateReflash();
        common.tableSort("wQbdProductCertificateInfoTable", {show: window.Initialization});

        function open(url, param) {
          var curUrl = url;
          layer.open({
            type: 2,
            area: ['700px', '520px'],
            title: ['自定义导出', 'font-size:14px;'],
            content: '${ctx}/qbdms/wQbdProductCertificateInfo/view/export',
            btnAlign: 'c',
            skin: 'qbdms-layerFormBtn',
            btn: ['确定', '取消'],
            yes: function (index, layero) {
              url = curUrl;
              var iframeWin = window["layui-layer-iframe" + index];
              var data = iframeWin.getData();
              if (data) {
                url = url + "?data=" + JSON.stringify(data) + param;
                window.location.href = encodeURI(url)
              }
            }
          });
        }
      });
</script>
</body>
</html>